<template>
    <div class="list">
        <el-button type="text" class="button-more" @click="toMore">更多>></el-button>

        <div>
            <el-table
                    :data="tableData"
                    @cell-click="toDetail"
                    style="width: 100%">
                <el-table-column
                        prop="name"
                        :label="title">
                </el-table-column>
                <el-table-column
                        prop="time"
                        label=""
                        width="210px">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
    import util from 'assets/js/util.js'

    export default {
        props: [
            'title',
            'url',
            'tableData'
        ],
        data() {
            return {
                caseId: 0,
                creditorId: 0
            }
        },
        mounted() {
            this.caseId = util.getUrlParam(document.location.href, 'caseId');
            this.creditorId = util.getUrlParam(document.location.href, 'creditorId');
        },
        methods: {

            toMore: function (row) {
                window.location.href = '../meeting/meeting-list.html?' + 'meetingId=' + row.id + '&creditorId=' + this.creditorId;  //会议ID
            },
            toDetail: function (row, column, cell, event) {

                    window.location.href = '../meeting/meeting-detail.html?' + 'meetingId=' + row.id + '&creditorId=' + this.creditorId;


            }
        }
    }
</script>

<style>
    .list {
        position: relative;
    }

    .button-more {
        position: absolute;
        z-index: 100;
        right: 10px;
        top: 10px;
    }

    .el-col {
        text-align: center;
    }
</style>
